<template>
    <view>
        <nDesc>
            <template #top>
                消费股东购车报名
            </template>
            <template #bottom>
                <text>
                    所有股东有购车需求的，报名需交付<text class="text-nddyny">1000元意向性定金</text>，
                    在公司通知补交后续尾款前，取消报名此定金可退还。<br>
                    汽车档次可自由选择。
                </text>
            </template>
        </nDesc>
        <nFormButton title="支付定金" :tap="()=>{pay.show = true;}"></nFormButton>
        <nBar title="定金支付列表"></nBar>
        <list :list="data.list" empty_list_title="还没有支付过定金">
            <template #list>
                <view class="cu-list menu">
                    <nMenuItemTopBottom v-for="(info, key) in data.list" :key="key">
                        <template #top>
                            <text class="text-666">{{info.pay_order_no}}</text>
                            <text class="text-gray">{{info.created_at | dateFormat('yyyy-MM-dd')}}</text>
                        </template>
                        <template #bottom>
                            <view>
                                <text class="text-nddyny text-bold margin-left-6">
                                    定金：{{info.pay_order_price | floor}}元
                                    <template v-if="info.offline_price > 0">
                                        ，尾款：{{info.offline_price | floor}}元
                                    </template>
                                </text>
                            </view>
                            <view class="flex align-center">
                                <view class="bg-nddyny cu-tag margin-left-20">已支付</view>
                                <template v-if="info.offline_price > 0">
                                    <view v-if="info.car_send_status == 0" class="bg-red cu-tag margin-left-20">未发货</view>
                                    <view v-else-if="info.car_send_status == 1" class="bg-nddyny cu-tag margin-left-20">已发货</view>
                                </template>
                                <view v-else class="bg-red cu-tag margin-left-20">未交尾款</view>
                            </view>
                        </template>
                    </nMenuItemTopBottom>
                </view>
            </template>
        </list>
        <template v-if="page.invest_user_info && page.invest_user_info.created_at">
            <nBar :title="page.invest_share_name+'证书'"></nBar>
            <view style="position: relative; color: #7c441c; z-index: 1;">
                <view style="position: absolute; top: 160rpx; left: 140rpx;" class="text-sm">
                    <text class="text-999">{{page.invest_share_name}}编号：</text>{{page.invest_user_info.iu_no}}
                </view>
                <view style="position: absolute; top: 210rpx; left: 140rpx;" class="text-13 text-bold">金股兑换原始{{page.invest_share_name}}</view>
                <view style="position: absolute; top: 250rpx; left: 140rpx; width: 480rpx; line-height: 1.6em;" class="text-sm">
                    1、全民持股的汽车服务平台。<br>
                    2、可兑换股权计一千万。<br>
                    3、1金股兑换1股权，10金股起兑。<br>
                    注: 金股一经兑换不得退还。
                </view>
                <view style="position: absolute; top: 530rpx; left: 140rpx;" class="text-sm">
                    <view class="flex">
                        <view class="text-999 min-width-em3">姓名</view>{{$store.state.user.identity_info.truename}}
                    </view>
                    <view class="flex margin-top-4">
                        <view class="text-999 min-width-em3">身份证</view>{{$store.state.user.identity_info.idcard}}
                    </view>
                    <view class="flex margin-top-4">
                        <view class="text-999 min-width-em3">手机号</view>{{$store.state.user.identity_info.phone}}
                    </view>
                    <view class="flex margin-top-4">
                        <view class="text-999 min-width-em3">{{page.invest_share_name}}</view>{{page.invest_user_info.invest_gold_share_amount | floor(2)}}
                    </view>
                </view>
                <view style="position: absolute; top: 530rpx; left: 490rpx;">
                    <image style="width: 109rpx; height: 109rpx;" src="@/static/image/page-project-invest/car-seal.png"></image>
                </view>
                <view style="position: absolute; top: 640rpx; left: 440rpx;" class="text-999 text-sm">
                    {{page.invest_user_info.created_at | dateFormat('yyyy年MM月dd日')}}
                </view>
            </view>
            <view class="flex justify-center">
                <image style="width: 638rpx; height: 765rpx;" src="@/static/image/page-project-invest/car-cert.png"></image>
            </view>
        </template>
        <nBar title="项目介绍" class="margin-top-30"></nBar>
        <nDesc class_bottom="text-666">
            <template #bottom>
                中营汽车贸易(浙江自贸区)有限公司，注册在国家级、浙江省自贸区内，可在海外直接进口汽车并享受政府财政、关税的政策补贴和减免。<br>
                公司将在全国东、西、南、北、中筹备成立五家红旗4s店，前期总投资1亿元以上，并在各城市设立展示厅，方便就近看车、提车。<br>
                一、中营联享的消费股东可用金股兑换每个店的50%原始股权。<br>
                兑换细则如下：<br>
                1、中营联享的全体股东可用金股兑换4s店股权，10金股起兑。<br>
                2、兑换满5000股权的股东，可享受政策：<br>
                a. 可享受20万以内的购车免息政策<br>
                b. 开发市场的股东，可享受中营联享的免月供补贴政策, 让服务在一线的股东，无忧购车。<br>
                二、每个店的前300名(暂定)消费者, 共同持有4s店的30%原始股权,让正常消费获得无限价值。<br>
                消费细则如下:<br>
                1、预付定车款5万, 可提H5或HS5汽车一部。<br>
                2、预付定车款10万,可提H7或HS7汽车一部。<br>
                3、兑换满5000股权，享受购车奖励的同等政策。<br>
                三、4s店所在区域的运营中心, 持有10%股权(待定)。<br>
                四、中营汽车贸易公司持有10%股权。<br>
                五、推广奖励<br>
                1、每个店前100名消费者的推荐人将获得车价1%的奖励。<br>
                六、成本回收和盈利<br>
                1、红旗给我们的承诺1-3年，补贴完所有投资。<br>
                2、汽车销售和售后维修保养利润。<br>
                3、持有中营联享股权增值利润。<br>
                4、中营汽车股权增值利润。<br>
                八、每个账户最多兑换5000股。<br>
                公司主营红旗轿车兼营其它品牌汽车，计划用3年左右时间，把中营汽车打造成为一个综合性、千亿市值的汽车服务集团。
            </template>
        </nDesc>
        <nBar title="红旗体验中心效果图"></nBar>
        <view class="flex justify-center">
            <image style="width: 578rpx; height: 247rpx;" src="@/static/image/page-project-invest/car-img-1.png"></image>
        </view>
        <nBar title="营业执照"></nBar>
        <view class="flex justify-center">
            <image style="width: 638rpx; height: 977rpx;" src="@/static/image/page-project-invest/car-img-2.png"></image>
        </view>
        <pay :pay.sync="pay" :appPaySuccess="appPaySuccess"></pay>
    </view>
</template>

<script>
    export default {
        props: ['page', 'load_info'],
        data() {
            return {
                pay: {
                    tip_content: '确定要支付定金吗？',
                    pay_uri: '/user/pay/carDeposit',
                    show: false,
                    load_info: {},
                },
                data: {
                    offset: 0,
                    limit: 0,
                    stop: false,
                    list: [],
                },
            }
        },
        created() {
            this.pay.load_info = this.load_info;
            this.pageInit(this.$api.list_action_page_init);
        },
        methods: {
            pageInit(action) {
                this.$api.list(this, {
                    action,
                    url: '/user/pay/carDepositList',
                    success: (Result) => {
                        if (this.$api.form.toast(this, Result)) return;
                        this.data.list = this.data.list.concat(Result.result.list);
                    }
                });
            },
            appPaySuccess() {
                this.pageInit(this.$api.list_action_force_init);
            }
        }
    }
</script>
